<template>
  <div>
    <div class="info-bar_2">
      <van-nav-bar
        :border="false"
        left-text="个人信息"
        left-arrow
        @click-left="$router.go(-1)"
        @click-right="showShare = true"
      >
        <template #right>
          <van-icon class="emspss" name="ellipsis" />
        </template>
      </van-nav-bar>
    </div>
    <div class="main">
      <div class="con_top">
        <van-cell-group>
          <van-cell
            title="会员号"
            :value="$store.state.emailLogin[0].Account"
          ></van-cell>
          <router-link :to="{ name: 'PhoneSettings' }">
            <van-cell title="手机号" is-link></van-cell>
          </router-link>
          <router-link :to="{ name: 'EmailSettings' }">
            <van-cell
              title="邮箱"
              :value="$store.state.emailLogin[0].email"
              is-link
            ></van-cell>
          </router-link>
          <router-link :to="{ name: 'SetPassword' }">
            <van-cell title="设置登录密码" is-link></van-cell>
          </router-link>
        </van-cell-group>
      </div>
      <div class="con_top_2">
        <div class="title">
          <span>省份验证</span>
        </div>
        <van-cell-group>
          <van-cell title="扫脸验证" value="未开启" is-link></van-cell>
          <van-cell title="声音验证" value="未开启" is-link></van-cell>
        </van-cell-group>
      </div>
      <div class="con_top_3">
        <van-cell-group>
          <van-cell title="注销账户" is-link></van-cell>
        </van-cell-group>
      </div>
    </div>
    <div class="shares">
      <van-share-sheet
        v-model="showShare"
        :options="options"
        @select="onSelect"
      />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: [
        {
          name: "我的消息",
          icon: "	https://sss-1306551685.cos.ap-guangzhou.myqcloud.com/MobileShop/messages.png",
        },
        {
          name: "客服小爱",
          icon: "https://sss-1306551685.cos.ap-guangzhou.myqcloud.com/MobileShop/kefuicon.png",
        },
        {
          name: "回到首页",
          icon: "https://sss-1306551685.cos.ap-guangzhou.myqcloud.com/MobileShop/infoHome.png",
        },
        {
          name: "购物车",
          icon: "https://sss-1306551685.cos.ap-guangzhou.myqcloud.com/MobileShop/info_cat.png",
        },
        { name: "二维码", icon: "qrcode" },
      ],
      showShare: false,
    };
  },
  methods: {
    onSelect() {},
  },
};
</script>
<style lang="less" scoped>
.info-bar_2 {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 1200;
  .van-nav-bar {
    background-color: #96bbce;
  }
}
.main {
  position: absolute;
  width: 100%;
  top: 45px;
  left: 0;
  background-color: #f2f2f2;
  height: 100%;
  .con_top {
  }
  .con_top_2 {
    .title {
      padding: 5px;
      span {
        margin-left: 10px;
      }
    }
  }
  .con_top_3 {
    margin-top: 10px;
  }
}
</style>